<!DOCTYPE html>

<!--在线考试 -- 培训-->
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="/static/js/common.js"></script>

</head>

<body>
    
<div id="app" v-cloak>   
        <el-form label-position=" right" ref="form" :inline="true" :model="formInline" class="demo-form-inline"
            style="margin-bottom: 15px;">
            <el-row>
                <el-col class="head-tool">
                    <span>
                        <btn :text="col.btnExamination" imgsrc="/static/images/general.png" linetype="4"
                            @click="OpenInput('tj')"></btn>
                    </span>
                </el-col>
            </el-row>
        </el-form>
        <div>
            <img src="/static/images/study.jpg" style="display: block;margin: auto" alt="">
            <p>
                资料图：民众上船参观“深海勇士”号。
                3月10日，“探索一号”科考船搭载“深海勇士”号载人潜水器靠港三亚，圆满完成了我国首次覆盖西南印度洋和中印度洋的TS10深潜科考航次。
                本航次中，“深海勇士”号在高海况、海底地质环境复杂的西南印度洋和中印度洋热液区，创造了一系列中国载人深潜作业的新纪录。
                <br>
                深海潜水器被认为是发展深海技术的引擎和集成平台，也是开展深海科学研究、资源开发的重要支撑，相关技术的进步将促进深海装备配套技术和新兴产业发展。
                2017年科技部等三部门印发的《“十三五”海洋领域科技创新专项规划》提到的重要目标，就是开展潜水器谱系化工程。
                从“蛟龙”号到“深海勇士”号，再到万米载人潜水器，规划实施以来，我国潜水器谱系化工程有序推进。
            </p>
        </div>
        <el-button class="fr" type="primary" @click="parent.ListItem.dialogVisible=false">{{col.btnBack}}</el-button>
        <el-dialog title="模拟考试" :visible.sync="ListItem.dialogVisible" @close='closeDialog' width="80%" height="80%"
            top="10vh">
            <iframe ref="iframe" :src="ListItem.InputUrl" style="height:95%;width:100%" frameborder="0"></iframe>
        </el-dialog>
    </div>
    <script type="text/javascript">
        var app = new Vue({
            el: '#app',
            data: {
                ListItem: ListItem,
                formInline: {
                }
            },
            mounted: function () {

            },
            methods: {
                //解決edge下select bug
                visibleChange: function (isVisible) {
                    visibleChange(isVisible)
                },
                OpenInput: function (val, id) { DialogShow(this, val, "OnlineexaminationInput.html", id); },
            }
        });
    </script>
</body>

</html>